<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="品优购-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
    />
    <meta
      name="keywords"
      content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"
    />
    <title>品优购</title>
    <link rel="shortcut icon" href="images/img/bitbug_favicon.ico" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="font/style.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <!-- 网页的顶部导航 shortcut -->
    <div class="shortcut-wrap">
      <div class="shortcut w">
        <div class="shortcut-left fl">
          <spn>品优购欢迎您！</spn>
          <a href="">请登录</a>
          <a href="" class="red">免费注册</a>
        </div>

        <ul class="shortcut-nav fr">
          <li><a href=""> 我的订单</a></li>
          <li class="list-rule"></li>
          <li><a href="">我的品优购</a> <span class="icon"></span></li>
          <li class="list-rule"></li>
          <li><a href="">品优购会员</a></li>
          <li class="list-rule"></li>
          <li><a href="">企业采购</a></li>
          <li class="list-rule"></li>
          <li><a href="">关注品优购</a> <span class="icon"></span></li>
          <li class="list-rule"></li>
          <li><a href="">客户服务</a> <span class="icon"></span></li>
          <li class="list-rule"></li>
          <li><a href="">网站导航</a> <span class="icon"></span></li>
        </ul>
      </div>
    </div>

    <!-- 网页的头部header  -->
    <div class="header w">
      <h1 class="logo fl">
        <a href="">品优购</a>
      </h1>
      <div class="search-content fl">
        <form action="" class="search">
          <input type="text" class="txt" />
          <input type="submit" class="btn" value="搜索" />
        </form>
        <ul>
          <li><a href="">亿元优惠</a></li>
          <li><a href="">9.9元团购</a></li>
          <li><a href="">美满99减30</a></li>
          <li><a href="">办公用品</a></li>
          <li><a href="">电脑</a></li>
          <li><a href="">通信</a></li>
        </ul>
      </div>
      <div class="shopcar fr">
        <a href="">我的购物车</a>
      </div>
    </div>

    <!-- nav  主导航 -->
    <div class="nav-wrap">
      <div class="nav w">
        <ul>
          <li><a href="" class="nav-first">全部商品分类</a></li>
          <li><a href="">服装城</a></li>
          <li><a href="">美妆馆</a></li>
          <li><a href="">传智超市</a></li>
          <li><a href="">全球购</a></li>
          <li><a href="">闪购</a></li>
          <li><a href="">团购</a></li>
          <li><a href="">拍卖</a></li>
          <li><a href="">有趣</a></li>
        </ul>
      </div>
    </div>

    <!-- 主要内容 main -->
    <div class="main w">
      <div class="dropdown fl">
        <ul>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
          <li><a href="">家用电器</a><span class="icon"></span></li>
        </ul>
      </div>
      <div class="banner fl">
        <img src="images/banner.jpg" alt="" />
      </div>
      <div class="newsflash fl">
        <div class="news">
          <div class="news-title">
            <b class="fl">品优购快报</b>
            <a href="" class="fr">更多</a>
          </div>
          <ul>
            <li>
              <a href=""><b>[特惠]</b>备战开学季全民半价购数码</a>
            </li>
            <li>
              <a href=""><b>[特惠]</b>备战开学季全民半价购数码</a>
            </li>
            <li>
              <a href=""><b>[特惠]</b>备战开学季全民半价购数码</a>
            </li>
            <li>
              <a href=""><b>[特惠]</b>备战开学季全民半价购数码</a>
            </li>
            <li>
              <a href=""><b>[特惠]</b>备战开学季全民半价购数码</a>
            </li>
          </ul>
        </div>
        <ul class="lifeservice">
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
          <li>
            <a href=""><b></b><span>话费</span></a>
          </li>
        </ul>
        <div class="bargain">
          <img src="images/01-电商-主页-gai_03.jpg" alt="" />
        </div>
      </div>
    </div>

    <!-- 今日推荐 -->
    <div class="recom w">
      <div class="recom-first fl">
        <a href="">
          <img src="images/img/clock.png" alt="" />
          <span>今日推荐</span>
        </a>
      </div>
      <ul class="recom-list fl">
        <li>
          <a href="">
            <div class="re-list-content fl">
              <h2>优质好货</h2>
              <h3>满300-100</h3>
              <span>满500-200</span>
            </div>
            <div class="re-list-img fl"></div>
          </a>
        </li>
        <li>
          <a href="">
            <div class="re-list-content fl">
              <h2>优质好货</h2>
              <h3>满300-100</h3>
              <span>满500-200</span>
            </div>
            <div class="re-list-img fl"></div>
          </a>
        </li>
        <li>
          <a href="">
            <div class="re-list-content fl">
              <h2>优质好货</h2>
              <h3>满300-100</h3>
              <span>满500-200</span>
            </div>
            <div class="re-list-img fl"></div>
          </a>
        </li>
        <li>
          <a href="">
            <div class="re-list-content fl">
              <h2>优质好货</h2>
              <h3>满300-100</h3>
              <span>满500-200</span>
            </div>
            <div class="re-list-img fl"></div>
          </a>
        </li>
      </ul>
    </div>

    <!-- 猜你喜欢 like  -->
    <div class="like w">
      <h2 class="like-title">猜你喜欢</h2>
      <ul>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
        <li>
          <div class="like-img"></div>
          <div class="like-content">
            <p>阳光美包新款单肩包女 包时尚子母包四件套女</p>
            <b>116.00</b>
          </div>
        </li>
      </ul>
    </div>
  </body>
</html>
